<template>
	<xr-starter :fileUrl="fileUrl" :width="`${windowWidth*devicePixelRatio}`" :height="`${windowHeight*devicePixelRatio}`"
		:style="`width: ${windowWidth}px;height: ${windowHeight}px;`" />
</template>

<script setup>
	import {
		computed,
		ref
	} from 'vue'
	import {
		onLoad
	} from '@dcloudio/uni-app'

	const systemInfoSync = uni.getSystemInfoSync()
	const windowWidth = systemInfoSync.windowWidth
	const windowHeight = systemInfoSync.windowHeight
	const devicePixelRatio = systemInfoSync.devicePixelRatio

	const fileUrl = ref('')
	onLoad((params) => {
		fileUrl.value = params.fileUrl ||
			'https://ghj-file.oss-cn-shenzhen.aliyuncs.com/3a1475795a66ebbca8dffcf4000b3e8d2b87c202f605b883718faccf918834f1.bin'
	})
</script>

<style lang="scss" scoped>
</style>